<template>
<h1>条件渲染组件</h1>
<!--v-if 是“真实的”按条件渲染，因为它确保了在切换时，条件区块内的事件监听器和子组件都会被销毁与重建。-->
<span v-if="name=='张三1'">当前登录人是张三</span><hr/>

<span v-show="name=='张三1'">当前登录人是张三</span>

<span v-if="ming=='李四'">是李四</span>
<span v-else-if="ming=='王五'">是王五</span>
<span v-else>输入错误</span>

<span></span>


</template>

<script setup lang="ts">
//防止typescript代码

let name="张三"

let ming="李四"

</script>